<template>
    <!--章节列表-->
    <div class="book-info-chapter-list" v-if="new_chapter_list">
        <el-button type="primary" plain>最新章节：{{new_chapter_list.name}}</el-button>
        <div v-for="item in chapter_list" :key="item.id">
            <a href=""><span>{{item.name}}</span></a><hr class="hrdescr"/>
        </div>
        <a href="./book/chapter/index"><span>查看更多...</span></a>
    </div>
</template>

<script>
    export default {
        name: "list",
        props:{
            chapter_list:null,
            new_chapter_list:null

        },
    }
</script>

<style scoped>
    .book-info-chapter-list{
        margin-top: 0.3rem;
        background-color: white;
        display: flex;
        flex-flow: column nowrap;
        text-align: center;
        font-size: 1.1rem;
        font-weight: bold;
        padding-bottom: 1.2rem;
    }
    .book-info-chapter-list > div{
        margin-top:1.5rem;
        text-align: center;
    }
    .book-info-chapter-list>a:last-of-type>span{
        font-size: 0.8rem;
        color: #b5b5b5;
    }
</style>